<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 导入SweetAlter2 CSS和JS -->
    <title>演示SweetAlter2用法</title>
    <link rel="stylesheet" type="text/css" href="sweetalert2.css">
    <script type="text/javascript" src="sweetalert2.js"></script>
</head>
<body>
    <div>
        <button id="click-me">点我一下</button>
    </div>
    

    <!-- 下面编写JS代码  getElementById 通过ID获取Button控件，addEventListener 对这个Button控件进行监听-->
    <!-- 监听到这个按钮当被点击（也就是click）时，执行什么操作，function(){}为固定写法 -->
    <!-- Swal.fire("SweetAlert2 is working!"); 则是SweetAlter2的代码用法，直接在官网套用即可 -->

    <script>
        document.getElementById('click-me').addEventListener('click',function(){
            // Swal.fire("SweetAlert2 is working!");
            Swal.fire({
                position: 'top-end', //设置弹出位置 在 右上角
                html: '<iframe src="student_form.html" width="100%" height="800px" frameborder="0"></iframe>',
                width: 600,
            });
        });
    </script>
    
</body>
</html>